<template>
  <div class="verification-project-container">
    <el-table
      :data="dataList"
      style="width: 100%"
      :row-style="{ height: '0' }"
      :cell-style="{ padding: '3px' }"
      max-height="620"
      border
      row-key="id"
      default-expand-all
      :tree-props="{ children: 'childOrderList' }"
      v-loading="tableLoading"
      :row-class-name="tableRowClassName"
    >
      <el-table-column
        fixed="left"
        prop="createTime"
        label="创建时间"
        :formatter="(row) => formatterTime(row.createTime)"
        width="200"
      >
        <template slot-scope="scope">
          <el-button type="text" @click="goViewMsg(scope.row)">
            {{ formatterTime(scope.row.createTime) }}
          </el-button>
        </template>
      </el-table-column>

      <el-table-column
        fixed="left"
        prop="checkTime"
        label="签单时间"
        :formatter="(row) => formatterTime(row.checkTime)"
        width="160"
      ></el-table-column>

      <el-table-column
        fixed="left"
        prop="checkTime"
        label="确认核价时间"
        :formatter="(row) => formatterTime(row.pushSureCheckTime)"
        width="160"
      ></el-table-column>

      <el-table-column
        prop="rate"
        width="50px"
        label="评级"
        show-overflow-tooltip
      >
        <template slot-scope="scope">
          <div v-if="scope.row.rate">
            <el-tooltip
              class="item"
              effect="dark"
              :content="scope.row.rateContent"
              placement="top-start"
            >
              <el-popover placement="right" width="800" trigger="click">
                <div>
                  <el-table
                    :data="rateRecordList"
                    style="width: 100%"
                    height="300"
                  >
                    <el-table-column
                      prop="date"
                      label="日期"
                      show-overflow-tooltip
                      :formatter="
                        (rateRecordRow) =>
                          formatterTime(rateRecordRow.createTime)
                      "
                    ></el-table-column>
                    <el-table-column
                      prop="username"
                      label="姓名"
                      show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                      prop="rate"
                      label="评级等级"
                      show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                      prop="userType"
                      label="用户类型"
                      show-overflow-tooltip
                    >
                      <template slot-scope="scope">
                        {{ scope.row.userType == 1 ? "小程序用户" : "pc用户" }}
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
                <el-button
                  slot="reference"
                  type="text"
                  @click="showRecordList(scope.row.id)"
                >
                  {{ scope.row.rate }}
                </el-button>
              </el-popover>
            </el-tooltip>
          </div>
        </template>
      </el-table-column>

      <el-table-column
        prop="pushSureCheckDate"
        width="100px"
        label="倒计时"
        show-overflow-tooltip
        :formatter="(row) => formatterTime2(row.pushSureCheckDate)"
      ></el-table-column>

      <el-table-column
        prop="orderKey"
        width="100px"
        label="订单号"
        show-overflow-tooltip
      ></el-table-column>

      <el-table-column
        prop="fileType"
        width="100px"
        label="订单类型"
        show-overflow-tooltip
      >
        <template slot-scope="scope">
          <div>
            {{
              scope.row.fileType == 1
                ? "核价订单"
                : scope.row.fileType == 2
                  ? "本地生活"
                  : scope.row.fileType == 3
                    ? "酒店民宿"
                    : "--"
            }}
          </div>
        </template>
      </el-table-column>

      <el-table-column
        prop="orderGo"
        width="100px"
        label="订单去向"
        show-overflow-tooltip
        :formatter="(row) => formatterOrderType(row.orderGo)"
      ></el-table-column>

      <el-table-column
        prop="expectPrice"
        width="100px"
        label="预计变现"
        show-overflow-tooltip
      >
        <template slot-scope="scope">
          <div>
            {{ scope.row.expectPrice == null ? "--" : scope.row.expectPrice }}
          </div>
        </template>
      </el-table-column>

      <el-table-column
        prop="status"
        width="100px"
        label="状态"
        show-overflow-tooltip
      >
        <template slot-scope="scope">
          <div>
            {{
              scope.row.projectMsg.status == 9
                ? "已黄单"
                : scope.row.status == 1
                  ? "待推送"
                  : scope.row.status == 2
                    ? "核价中"
                    : scope.row.status == 3
                      ? "跟进中"
                      : scope.row.status == 4
                        ? "已签单"
                        : scope.row.status == 5
                          ? "已签单"
                          : scope.row.status == 7
                            ? scope.row.projectMsg.checkTime
                              ? "执行完"
                              : "已签单"
                            : scope.row.status == 8
                              ? "已拒绝" + "。理由：" + scope.row.refuseReason
                              : scope.row.status == 9
                                ? "已作废"
                                : scope.row.status == 11
                                  ? "已流单"
                                  : "--"
            }}
          </div>
        </template>
      </el-table-column>

      <el-table-column
        prop="projectMsg"
        width="200px"
        label="项目详情"
        show-overflow-tooltip
      >
        <template slot-scope="scope">
          <div
            :style="
              !scope.row.showProjectMore
                ? 'display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis'
                : ''
            "
          >
            项目：{{ scope.row.projectMsg.brands }}
          </div>
          <div :style="!scope.row.showProjectMore ? 'display: none;' : ''">
            客户公司名称：{{ scope.row.projectMsg.projectName }}
          </div>
          <div :style="!scope.row.showProjectMore ? 'display: none' : ''">
            客户负责人：{{ scope.row.projectMsg.brandsUsername }}
          </div>
          <div :style="!scope.row.showProjectMore ? 'display: none' : ''">
            品类：{{ scope.row.projectMsg.cates }}
          </div>
          <div :style="!scope.row.showProjectMore ? 'display: none' : ''">
            区域：{{ scope.row.projectMsg.areas }}
          </div>
          <div :style="!scope.row.showProjectMore ? 'display: none' : ''">
            执行负责人：{{ scope.row.projectMsg.permissionUsername }}
          </div>
          <div :style="!scope.row.showProjectMore ? 'display: none' : ''">
            商务：{{ scope.row.projectMsg.bussinessUsername }}
          </div>
          <el-button
            type="text"
            style="padding: 0px"
            @click="scope.row.showProjectMore = !scope.row.showProjectMore"
          >
            {{ scope.row.showProjectMore ? "缩略" : "查看更多" }}
          </el-button>
        </template>
      </el-table-column>

      <el-table-column
        prop="totalPrice"
        label="订单总计"
        width="150"
        show-overflow-tooltip
      ></el-table-column>

      <el-table-column
        prop="totalNum"
        label="订单总数量"
        width="100"
        show-overflow-tooltip
      ></el-table-column>

      <el-table-column
        prop="innerPrice"
        label="内部货值"
        width="100"
        show-overflow-tooltip
      ></el-table-column>

      <el-table-column
        prop="pushUserName"
        label="推送详情"
        width="200"
        show-overflow-tooltip
      >
        <template slot-scope="scope">
          <el-popover placement="top-start" width="300" trigger="click">
            <el-descriptions title="推送详情" :column="1">
              <el-descriptions-item label="推送开拓者">{{
                scope.row.pushUserName
              }}</el-descriptions-item>
              <el-descriptions-item label="推送助理">{{
                scope.row.pushAssistantName
              }}</el-descriptions-item>
            </el-descriptions>
            <el-descriptions
              title="转推详情"
              :column="1"
              v-if="scope.row.isNextPush == 2"
            >
              <el-descriptions-item label="转推开拓者">
                <div
                  v-for="(item, index) in scope.row.nextPushUserNames"
                  :key="index"
                >
                  {{ item }}
                </div>
              </el-descriptions-item>
              <el-descriptions-item label="转推助理">
                <div
                  v-for="(item, index) in scope.row.nextPushAssistantNames"
                  :key="index"
                >
                  {{ item }}
                </div>
              </el-descriptions-item>
            </el-descriptions>
            <el-button slot="reference" type="text">
              <div style="display: inline-flex">
                <div>{{ scope.row.pushUserName }}</div>
                <div
                  v-if="scope.row.isNextPush == 2"
                  style="padding-left: 5px; display: inline-flex"
                >
                  转推对象：
                  <div
                    v-for="(item, index) in scope.row.nextPushUserNames"
                    :key="index"
                  >
                    {{ item }}
                  </div>
                </div>
              </div>
            </el-button>
          </el-popover>
        </template>
      </el-table-column>

      <!-- <el-table-column fixed="right" label="操作" width="100">
        <template slot-scope="scope">
          <el-dropdown
            trigger="click"
            @command="handleCommand($event, scope.row)"
            @visible-change="showOptions"
          >
            <span
              class="el-dropdown-link"
              :style="{
                color: $store.state.theme.theme_color || '#03C192',
                cursor: 'pointer',
              }"
            >
              操作
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="a">查看详情</el-dropdown-item>
              <el-dropdown-item
                command="changeResourcesRemark"
                v-if="
                  (scope.row.resourcesRemark || scope.row.isPush == 2) &&
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55) &&
                  scope.row.status !== 9
                "
              >
                修改资源要求
              </el-dropdown-item>
              <el-dropdown-item
                command="b"
                v-if="operationList.includes('push') && scope.row.isPush == 1"
              >
                推送
              </el-dropdown-item>
              <el-dropdown-item
                command="c"
                v-if="
                  operationList.includes('rePush') &&
                  scope.row.isPush == 2 &&
                  scope.row.status == 3 &&
                  (!scope.row.isBackPush || scope.row.isBackPush == 1)
                "
              >
                重新推送
              </el-dropdown-item>
              <el-dropdown-item
                command="skipBidding"
                v-if="
                  operationList.includes('skipBidding') && scope.row.status == 4
                "
              >
                跳过竞价
              </el-dropdown-item>
              <el-dropdown-item
                command="setRate"
                v-if="
                  operationList.includes('setRate') && scope.row.status !== 9
                "
              >
                评级
              </el-dropdown-item>
              <el-dropdown-item
                command="editCost"
                v-if="
                  operationList.includes('editCost') &&
                  scope.row.isHasChild == 1 &&
                  scope.row.status !== 9
                "
              >
                填写数据
              </el-dropdown-item>
              <el-dropdown-item
                command="editCostSubOrder"
                v-if="
                  operationList.includes('editCost') &&
                  scope.row.isHasChild == 2
                "
              >
                分配子订单数据
              </el-dropdown-item>
              <el-dropdown-item
                command="splitOrderNew"
                v-if="
                  operationList.includes('splitOrder') &&
                  scope.row.isHasChild === 1 &&
                  scope.row.checkTime != null &&
                  scope.row.parentId == null
                "
              >
                拆单
              </el-dropdown-item>
              <el-dropdown-item
                command="e"
                v-if="operationList.includes('cancel') && scope.row.status != 9"
              >
                作废
              </el-dropdown-item>
              <el-dropdown-item
                command="f"
                v-if="operationList.includes('del')"
              >
                删除
              </el-dropdown-item>
              <el-dropdown-item
                command="delChild"
                v-if="
                  operationList.includes('deleteChildOrder') &&
                  scope.row.isHasChild === 2
                "
              >
                删除子订单
              </el-dropdown-item>
              <el-dropdown-item
                command="addTimeOutRemark"
                v-if="
                  operationList.includes('addTimeOutRemark') &&
                  scope.row.isTimeOut == 2
                "
              >
                填写超时说明
              </el-dropdown-item>
              <el-dropdown-item
                command="more"
                v-if="
                  operationList.includes('confirmOrderUse') &&
                  scope.row.isHasChild == 1 &&
                  scope.row.checkTime != null &&
                  scope.row.status < 5 &&
                  scope.row.parentId == null
                "
              >
                <el-dropdown
                  @command="(val) => moreOptionsChange(val, scope.row)"
                >
                  <span class="el-dropdown-link"> 更多操作 </span>
                  <el-dropdown-menu slot="dropdown">
                    <div
                      v-for="(item, index) in moreOptionsList.filter(
                        (item) => item.id !== 155
                      )"
                      :key="index"
                    >
                      <el-dropdown-item :command="item.id">{{
                        item.sysValueName
                      }}</el-dropdown-item>
                    </div>
                  </el-dropdown-menu>
                </el-dropdown>
              </el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </template>
      </el-table-column> -->
    </el-table>

    <div class="global-page">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes="pageSizes"
        :page-size="pageSize"
        :current-page="pageNum"
        background
        layout="sizes, total, prev, pager, next"
        :total="total"
      ></el-pagination>
    </div>

    <div class="btn" v-if="operationList.includes('order:submitFlagshipStoreData')">
      <!-- <el-button @click="handlePreview">预览</el-button> -->
      <el-button @click="uploaddown">下载</el-button>
      <el-upload
      class="upload-btn"
      :action="url"
      :on-progress="uploadFileLoading"
      :data="{ token: $store.state.token, fileType: this.form.fileType }"
      :headers="{ 'Access-Control-Allow-Origin': '*' }"
      :show-file-list="false"
      :http-request="checkedFile"
      multiple>
  <el-button size="small" type="primary">上传核价表单</el-button>
</el-upload>
    </div>

    <el-dialog
      title="订单详情"
      :visible.sync="orderMsgDialogVisible"
      width="80%"
    >
      <div>
        <!-- 订单信息详情 -->
        <div class="order_msg">
          <div>
            <el-descriptions title="订单信息">
              <el-descriptions-item label="订单号">{{
                orderShowMsg.orderKey
              }}</el-descriptions-item>
              <el-descriptions-item label="总数量">{{
                orderShowMsg.totalNum
              }}</el-descriptions-item>
              <el-descriptions-item label="客户总货值">{{
                orderShowMsg.totalPrice
              }}</el-descriptions-item>
              <el-descriptions-item label="实际总货值">{{
                orderShowMsg.orderFinalTotalPrice
              }}</el-descriptions-item>
              <el-descriptions-item label="创建时间">{{
                orderShowMsg.createDate
              }}</el-descriptions-item>
              <el-descriptions-item label="状态"
                >{{
                  orderShowMsg.status == 1
                    ? "待推送"
                    : orderShowMsg.status == 2
                      ? "核价中"
                      : orderShowMsg.status == 3
                        ? "核价等待中"
                        : orderShowMsg.status == 4
                          ? "一次竞价中"
                          : orderShowMsg.status == 5
                            ? "二次竞价中"
                            : orderShowMsg.status == 6
                              ? "待签署电子协议"
                              : orderShowMsg.status == 7
                                ? "已完成"
                                : orderShowMsg.status == 9
                                  ? "已作废"
                                  : "--"
                }}
              </el-descriptions-item>
              <el-descriptions-item label="是否已推送给开拓者">{{
                orderShowMsg.isPush && orderShowMsg.isPush == 2
                  ? "已推送"
                  : "待推送"
              }}</el-descriptions-item>
              <el-descriptions-item label="是否进行转推">{{
                orderShowMsg.isNextPush && orderShowMsg.isNextPush == 2
                  ? "是"
                  : "否"
              }}</el-descriptions-item>
              <el-descriptions-item
                label="转推对象人员"
                v-if="orderShowMsg.isNextPush && orderShowMsg.isNextPush == 2"
              >
                <div
                  v-for="(item, index) in orderShowMsg.nextPushUserNames"
                  :key="index"
                >
                  {{ item }}；
                </div>
              </el-descriptions-item>
              <el-descriptions-item
                label="预估成本"
                v-if="
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55)
                "
                >{{ orderShowMsg.estimatedCost }}</el-descriptions-item
              >
              <el-descriptions-item
                label="实际成本"
                v-if="
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55)
                "
                >{{ orderShowMsg.actualCost }}</el-descriptions-item
              >
              <el-descriptions-item label="签单时间">{{
                orderShowMsg.checkTime ? orderShowMsg.checkTime : "无"
              }}</el-descriptions-item>
              <el-descriptions-item
                label="资源要求"
                v-if="
                  orderShowMsg.resourcesRemark &&
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55)
                "
                >{{ orderShowMsg.resourcesRemark }}</el-descriptions-item
              >
              <el-descriptions-item
                label="折扣"
                v-if="
                  orderShowMsg.isDiscount &&
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55)
                "
                >{{
                  orderShowMsg.isDiscount == 1 ? "折扣" : "固定金额"
                }}</el-descriptions-item
              >
              <el-descriptions-item
                label="折扣优惠"
                v-if="
                  orderShowMsg.isDiscount &&
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55)
                "
                >{{
                  orderShowMsg.isDiscount == 1
                    ? orderShowMsg.discountPrice + "折"
                    : orderShowMsg.discountPrice
                }}</el-descriptions-item
              >
              <el-descriptions-item
                label="参考价格 "
                v-if="
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55)
                "
                >{{ orderShowMsg.referencePrice }}</el-descriptions-item
              >
            </el-descriptions>
            <div
              v-if="
                orderShowMsg.childOrderList &&
                orderShowMsg.childOrderList.length > 0
              "
            >
              <el-divider></el-divider>
              <el-descriptions title="子订单信息"> </el-descriptions>
              <el-table
                :data="orderShowMsg.childOrderList"
                style="width: 100%"
                :row-style="{ height: '0' }"
                :cell-style="{ padding: '3px' }"
                max-height="300"
                border
              >
                v-loading="tableLoading" >
                <el-table-column
                  fixed="left"
                  prop="createTime"
                  label="创建时间"
                  :formatter="(row) => formatterTime(row.createTime)"
                  width="200"
                >
                </el-table-column>
                <el-table-column
                  fixed="left"
                  prop="checkTime"
                  label="签单时间"
                  :formatter="(row) => formatterTime(row.checkTime)"
                  width="160"
                >
                </el-table-column>
                <el-table-column
                  prop="orderKey"
                  width="100px"
                  label="订单号"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  prop="fileType"
                  width="100px"
                  label="订单类型"
                  show-overflow-tooltip
                >
                  <template slot-scope="scope">
                    <div>
                      {{
                        scope.row.fileType == 1
                          ? "核价订单"
                          : scope.row.fileType == 2
                            ? "本地生活"
                            : scope.row.fileType == 3
                              ? "酒店民宿"
                              : "--"
                      }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="status"
                  width="100px"
                  label="状态"
                  show-overflow-tooltip
                >
                  <template slot-scope="scope">
                    <div>
                      {{
                        scope.row.projectMsg.status == 9
                          ? "已黄单"
                          : scope.row.status == 1
                            ? "待推送"
                            : scope.row.status == 2
                              ? "核价中"
                              : scope.row.status == 3
                                ? "跟进中"
                                : scope.row.status == 4
                                  ? "已签单"
                                  : scope.row.status == 5
                                    ? "已签单"
                                    : scope.row.status == 7
                                      ? scope.row.projectMsg.checkTime
                                        ? "执行完"
                                        : "已签单"
                                      : scope.row.status == 8
                                        ? "核价中"
                                        : scope.row.status == 11
                                          ? "已流单"
                                          : "--"
                      }}
                    </div>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="projectMsg"
                  width="250px"
                  label="项目详情"
                  show-overflow-tooltip
                >
                  <template slot-scope="scope">
                    <div
                      :style="
                        !scope.row.showProjectMore
                          ? 'display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis'
                          : ''
                      "
                    >
                      项目：{{ scope.row.projectMsg.brands }}
                    </div>
                    <div
                      :style="
                        !scope.row.showProjectMore ? 'display: none;' : ''
                      "
                    >
                      客户公司名称：{{ scope.row.projectMsg.projectName }}
                    </div>
                    <div
                      :style="!scope.row.showProjectMore ? 'display: none' : ''"
                    >
                      客户负责人：{{ scope.row.projectMsg.brandsUsername }}
                    </div>
                    <div
                      :style="!scope.row.showProjectMore ? 'display: none' : ''"
                    >
                      品类：{{ scope.row.projectMsg.cates }}
                    </div>
                    <div
                      :style="!scope.row.showProjectMore ? 'display: none' : ''"
                    >
                      区域：{{ scope.row.projectMsg.areas }}
                    </div>
                    <div
                      :style="!scope.row.showProjectMore ? 'display: none' : ''"
                    >
                      执行负责人：{{ scope.row.projectMsg.permissionUsername }}
                    </div>
                    <div
                      :style="!scope.row.showProjectMore ? 'display: none' : ''"
                    >
                      商务：{{ scope.row.projectMsg.bussinessUsername }}
                    </div>
                    <el-button
                      type="text"
                      style="padding: 0"
                      @click="handleShowStatus(scope.row)"
                      >{{
                        scope.row.showProjectMore ? "缩略" : "查看更多"
                      }}</el-button
                    >
                  </template>
                </el-table-column>
                <el-table-column
                  prop="totalPrice"
                  label="订单总计"
                  width="150"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  prop="totalNum"
                  label="订单总数量"
                  width="100"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  prop="innerPrice"
                  label="内部货值"
                  width="100"
                  show-overflow-tooltip
                >
                </el-table-column>
                <!-- <el-table-column prop="isPush" label="推送状态">
                                <template slot-scope="scope">
                                    <div>{{
                                        scope.row.isPush == 1 ? '待推送' :
                                        scope.row.isPush == 2 ? '已推送' : '--' }}</div>
                                </template>
                            </el-table-column> -->
                <el-table-column
                  prop="pushUserName"
                  label="推送详情"
                  show-overflow-tooltip
                >
                  <template slot-scope="scope">
                    <el-popover
                      placement="top-start"
                      width="400"
                      trigger="click"
                    >
                      <el-descriptions title="推送详情" :column="1">
                        <el-descriptions-item label="推送开拓者">{{
                          scope.row.pushUserName
                        }}</el-descriptions-item>
                        <el-descriptions-item label="推送助理">{{
                          scope.row.pushAssistantName
                        }}</el-descriptions-item>
                      </el-descriptions>
                      <el-descriptions
                        title="转推详情"
                        :column="1"
                        v-if="scope.row.isNextPush == 2"
                      >
                        <el-descriptions-item label="转推开拓者">
                          <div
                            v-for="(item, index) in scope.row.nextPushUserNames"
                            :key="index"
                          >
                            {{ item }}
                          </div>
                        </el-descriptions-item>
                        <el-descriptions-item label="转推助理">
                          <div
                            v-for="(item, index) in scope.row
                              .nextPushAssistantNames"
                            :key="index"
                          >
                            {{ item }}
                          </div>
                        </el-descriptions-item>
                      </el-descriptions>
                      <el-button slot="reference" type="text">
                        <div style="display: inline-flex">
                          <div>{{ scope.row.pushUserName }}</div>
                          <div
                            v-if="scope.row.isNextPush == 2"
                            style="padding-left: 5px; display: inline-flex"
                          >
                            转推对象：
                            <div
                              v-for="(item, index) in scope.row
                                .nextPushUserNames"
                              :key="index"
                            >
                              {{ item }}
                            </div>
                          </div>
                        </div>
                      </el-button>
                    </el-popover>
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <el-divider></el-divider>
            <el-descriptions title="盲盒">
              <el-descriptions-item label="是否进盲盒">{{
                orderShowMsg.isBlindBox && orderShowMsg.isBlindBox == 2
                  ? "是"
                  : "否"
              }}</el-descriptions-item>
              <el-descriptions-item
                label="盲盒建议成本"
                v-if="
                  orderShowMsg.isBlindBox &&
                  orderShowMsg.isBlindBox == 2 &&
                  userInfo.role &&
                  !userInfo.role.includes(40) &&
                  !userInfo.role.includes(55)
                "
                >{{ orderShowMsg.blindBoxPrice }}</el-descriptions-item
              >
              <el-descriptions-item
                label="盲盒-是否全拿"
                v-if="orderShowMsg.isBlindBox && orderShowMsg.isBlindBox == 2"
                >{{
                  orderShowMsg.blindBoxAllTake &&
                  orderShowMsg.blindBoxAllTake == 2
                    ? "是"
                    : "否"
                }}</el-descriptions-item
              >
            </el-descriptions>
          </div>
        </div>
        <el-divider
          v-if="
            orderShowMsg.channelUserSecondBiddingListDTOS &&
            orderShowMsg.channelUserSecondBiddingListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-divider>
        <!-- 第二次竞价列表 -->
        <el-descriptions
          title="第二次竞价列表"
          v-if="
            orderShowMsg.channelUserSecondBiddingListDTOS &&
            orderShowMsg.channelUserSecondBiddingListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-descriptions>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.channelUserSecondBiddingListDTOS &&
            orderShowMsg.channelUserSecondBiddingListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        >
          <el-table
            :data="orderShowMsg.channelUserSecondBiddingListDTOS"
            max-height="300"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            border
            style="width: 100%; height: auto"
          >
            <el-table-column prop="pioneerName" label="开拓者姓名">
            </el-table-column>
            <el-table-column prop="channelName" label="渠道姓名">
            </el-table-column>
            <el-table-column prop="totalPrice" label="总价"> </el-table-column>
            <el-table-column prop="rankNum" label="排名"> </el-table-column>
            <el-table-column prop="status" label="状态">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.status == 1
                      ? "进行中"
                      : scope.row.status == 2
                        ? "竞价成功"
                        : scope.row.status == 3
                          ? "失去挑战资格"
                          : "--"
                  }}
                </div>
              </template>
            </el-table-column>
            <el-table-column prop="isAbandon" label="是否放弃">
              <template slot-scope="scope">
                <div>{{ scope.row.isAbandon == 2 ? "已放弃" : "--" }}</div>
              </template>
            </el-table-column>
            <el-table-column prop="createTime" label="时间">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.createTime
                      ? formatterTime(scope.row.createTime)
                      : ""
                  }}
                </div>
              </template>
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-popover placement="right" width="700" trigger="click">
                  <el-table
                    :data="scope.row.goodPriceLists"
                    :row-style="{ height: '0' }"
                    :cell-style="{ padding: '3px' }"
                    border
                    max-height="500"
                  >
                    <el-table-column
                      width="200"
                      property="goodName"
                      label="商品名称"
                    ></el-table-column>
                    <el-table-column
                      width="200"
                      property="skuName"
                      label="sku"
                    ></el-table-column>
                    <el-table-column
                      width="100"
                      property="num"
                      label="数量"
                    ></el-table-column>
                    <el-table-column
                      width="150"
                      property="price"
                      label="单价"
                    ></el-table-column>
                  </el-table>
                  <el-button slot="reference" type="text" size="small"
                    >查看详情</el-button
                  >
                </el-popover>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <el-divider
          v-if="
            orderShowMsg.channelUserFirstBiddingListDTOS &&
            orderShowMsg.channelUserFirstBiddingListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-divider>
        <!-- 第一次竞价列表 -->
        <el-descriptions
          title="第一次竞价列表"
          v-if="
            orderShowMsg.channelUserFirstBiddingListDTOS &&
            orderShowMsg.channelUserFirstBiddingListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-descriptions>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.channelUserFirstBiddingListDTOS &&
            orderShowMsg.channelUserFirstBiddingListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        >
          <div style="font-size: initial; font-weight: bold; color: #dd8e6f">
            第一次竞价截止时间：{{
              orderShowMsg.biddingOneEndTime
                ? formatterTime(orderShowMsg.biddingOneEndTime)
                : "无"
            }}
          </div>
          <el-table
            :data="orderShowMsg.channelUserFirstBiddingListDTOS"
            max-height="300"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            border
            style="width: 100%; height: auto"
          >
            <el-table-column prop="pioneerName" label="开拓者姓名">
            </el-table-column>
            <el-table-column prop="channelName" label="渠道姓名">
            </el-table-column>
            <el-table-column prop="totalPrice" label="总价"> </el-table-column>
            <el-table-column prop="rankNum" label="排名"> </el-table-column>
            <el-table-column prop="status" label="状态">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.status == 1
                      ? "进行中"
                      : scope.row.status == 2
                        ? "竞价成功"
                        : scope.row.status == 3
                          ? "失去挑战资格"
                          : "--"
                  }}
                </div>
              </template>
            </el-table-column>
            <el-table-column prop="isAbandon" width="180" label="是否放弃">
              <template slot-scope="scope">
                <div>{{ scope.row.isAbandon == 2 ? "已放弃" : "--" }}</div>
              </template>
            </el-table-column>
            <el-table-column prop="createTime" width="180" label="时间">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.createTime
                      ? formatterTime(scope.row.createTime)
                      : ""
                  }}
                </div>
              </template>
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-popover placement="right" width="700" trigger="click">
                  <el-table
                    :data="scope.row.goodPriceLists"
                    :row-style="{ height: '0' }"
                    :cell-style="{ padding: '3px' }"
                    border
                    max-height="500"
                  >
                    <el-table-column
                      width="200"
                      property="goodName"
                      label="商品名称"
                    ></el-table-column>
                    <el-table-column
                      width="200"
                      property="skuName"
                      label="sku"
                    ></el-table-column>
                    <el-table-column
                      width="100"
                      property="num"
                      label="数量"
                    ></el-table-column>
                    <el-table-column
                      width="150"
                      property="price"
                      label="单价"
                    ></el-table-column>
                  </el-table>
                  <el-button slot="reference" type="text" size="small"
                    >查看详情</el-button
                  >
                </el-popover>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <el-divider
          v-if="
            orderShowMsg.checkCostPrice &&
            orderShowMsg.checkCashPrice &&
            orderShowMsg.checkRemark &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-divider>

        <!-- 核价开拓者提交信息 -->
        <!-- <el-descriptions title="核价开拓者提交信息" v-if="orderShowMsg.checkCostPrice && orderShowMsg.checkCashPrice && orderShowMsg.checkRemark"></el-descriptions> -->
        <div
          v-if="
            orderShowMsg.checkCostPrice &&
            orderShowMsg.checkCashPrice &&
            orderShowMsg.checkRemark &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        >
          <el-descriptions
            title="核价开拓者提交信息"
            v-if="
              orderShowMsg.checkCostPrice &&
              orderShowMsg.checkCashPrice &&
              orderShowMsg.checkRemark &&
              userInfo.role &&
              !userInfo.role.includes(40) &&
              !userInfo.role.includes(55)
            "
          >
            <el-descriptions-item label="核价-建议成本">{{
              orderShowMsg.checkCostPrice
            }}</el-descriptions-item>
            <el-descriptions-item label="核价-变现价格">{{
              orderShowMsg.checkCashPrice
            }}</el-descriptions-item>
            <el-descriptions-item label="核价-备注">{{
              orderShowMsg.checkRemark
            }}</el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                核价-成本比例&nbsp;
                <el-tooltip class="tooltip" effect="dark" placement="right">
                  <ul slot="content">
                    <li>建议成本/客户货值</li>
                  </ul>
                  <i class="el-icon-question"></i>
                </el-tooltip>
              </template>
              {{ orderShowMsg.checkCostPriceRate }}%
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                核价-变现折扣&ensp;
                <el-tooltip class="tooltip" effect="dark" placement="right">
                  <ul slot="content">
                    <li>变现价格/客户货值</li>
                  </ul>
                  <i class="el-icon-question"></i>
                </el-tooltip>
              </template>
              {{ orderShowMsg.checkCashPriceRate }}%
            </el-descriptions-item>
          </el-descriptions>
          <el-table
            :data="orderShowMsg.checkMsgList"
            max-height="300"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            border
            style="width: 100%; height: auto"
          >
            <el-table-column prop="nickName" label="开拓者姓名">
            </el-table-column>
            <el-table-column prop="checkCostPrice" label="建议成本">
            </el-table-column>
            <el-table-column prop="checkCashPrice" label="变现价格">
            </el-table-column>
            <el-table-column prop="checkRemark" label="核价备注" width="280">
            </el-table-column>
            <el-table-column prop="createTime" label="提交时间" width="160">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.createTime
                      ? formatterTime(scope.row.createTime)
                      : ""
                  }}
                </div>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <el-divider
          v-if="
            orderShowMsg.channelUserCheckListDTOS &&
            orderShowMsg.channelUserCheckListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-divider>
        <!-- 核价列表 -->
        <el-descriptions
          title="渠道核价列表"
          v-if="
            orderShowMsg.channelUserCheckListDTOS &&
            orderShowMsg.channelUserCheckListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-descriptions>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.channelUserCheckListDTOS &&
            orderShowMsg.channelUserCheckListDTOS.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        >
          <el-table
            :data="orderShowMsg.channelUserCheckListDTOS"
            max-height="300"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            border
            style="width: 100%; height: auto"
          >
            <el-table-column prop="pioneerName" label="开拓者姓名">
            </el-table-column>
            <el-table-column prop="channelName" label="渠道姓名">
            </el-table-column>
            <el-table-column prop="totalPrice" label="总价"> </el-table-column>
            <el-table-column prop="createTime" label="时间">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.createTime
                      ? formatterTime(scope.row.createTime)
                      : ""
                  }}
                </div>
              </template>
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-popover placement="right" width="700" trigger="click">
                  <el-table
                    :data="scope.row.goodPriceLists"
                    :row-style="{ height: '0' }"
                    :cell-style="{ padding: '3px' }"
                    border
                    max-height="500"
                  >
                    <el-table-column
                      width="200"
                      property="goodName"
                      label="商品名称"
                    ></el-table-column>
                    <el-table-column
                      width="200"
                      property="skuName"
                      label="sku"
                    ></el-table-column>
                    <el-table-column
                      width="100"
                      property="num"
                      label="数量"
                    ></el-table-column>
                    <el-table-column
                      width="150"
                      property="price"
                      label="单价"
                    ></el-table-column>
                  </el-table>
                  <el-button slot="reference" type="text" size="small"
                    >查看详情</el-button
                  >
                </el-popover>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <!-- 助理核价列表 -->
        <el-descriptions
          title="助理核价列表"
          v-if="
            orderShowMsg.assistantCheckList &&
            orderShowMsg.assistantCheckList.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        ></el-descriptions>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.assistantCheckList &&
            orderShowMsg.assistantCheckList.length > 0 &&
            userInfo.role &&
            !userInfo.role.includes(40) &&
            !userInfo.role.includes(55)
          "
        >
          <el-table
            :data="orderShowMsg.assistantCheckList"
            max-height="300"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            border
            style="width: 100%; height: auto"
          >
            <el-table-column prop="nickName" label="助理姓名" width="180">
            </el-table-column>
            <el-table-column prop="channelName" label="渠道姓名" width="180">
            </el-table-column>
            <el-table-column prop="checkCashPrice" width="180" label="总价">
            </el-table-column>
            <el-table-column prop="createTime" width="180" label="时间">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.createTime
                      ? formatterTime(scope.row.createTime)
                      : ""
                  }}
                </div>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <el-divider></el-divider>
        <!-- 商品列表 -->
        <el-descriptions title="商品列表"></el-descriptions>
        <div>
          <el-button
            type="text"
            v-if="operationList.includes('submitFlagshipStoreData')"
            @click="showUpdateGoodsDialog"
            >修改商品数据</el-button
          >
        </div>
        <div
          class="good_sku_list"
          v-if="
            (orderShowMsg.goodList &&
              orderShowMsg.goodList.length > 0 &&
              orderShowMsg.fileType == 1) ||
            orderShowMsg.fileType == 4
          "
        >
          <el-table
            :data="orderShowMsg.goodList"
            height="350"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            style="width: 100%"
          >
            <el-table-column prop="brandsValue" label="品牌" width="180">
            </el-table-column>
            <el-table-column prop="goodName" label="商品名称" width="180">
            </el-table-column>
            <el-table-column
              prop="goodExpirationDate"
              width="180"
              label="有效期至"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodWarrantyDate"
              width="180"
              label="保质期"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodSku"
              label="规格"
              width="180"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodSkuNum"
              width="150"
              label="数量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodSkuPrice"
              width="180"
              label="旗舰店售卖价"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodCategory"
              width="180"
              label="商品所属类别（例:妆字号、械字号、消字号、药字号等）"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodOnlineLink"
              width="180"
              show-overflow-tooltip
              label="天猫/京东链接"
            >
              <template slot-scope="scope">
                <el-link
                  :href="scope.row.goodOnlineLink"
                  type="primary"
                  target="_blank"
                  v-if="scope.row.goodOnlineLink"
                  >跳转</el-link
                >
              </template>
            </el-table-column>
            <el-table-column
              prop="goodSkuPic"
              width="150"
              label="图片"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <el-image
                  v-if="scope.row.goodSkuPic"
                  style="width: 100px; height: 100px"
                  :src="scope.row.goodSkuPic"
                  :preview-src-list="[scope.row.goodSkuPic]"
                >
                </el-image>
              </template>
            </el-table-column>
            <el-table-column
              prop="goodBoxNum"
              width="180"
              label="箱规（数量）"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodBoxSize"
              width="180"
              label="箱规（尺寸mm）"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodOneSize"
              width="180"
              label="单个产品包装尺寸mm"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="shopFans"
              width="180"
              label="店铺粉丝量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="goodSaleNum"
              width="180"
              label="产品销量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column prop="finalPrice" width="180" label="实际成交价">
            </el-table-column>
            <el-table-column
              prop="finalTotalPrice"
              width="180"
              label="实际成交总价"
            >
            </el-table-column>
            <el-table-column
              prop="flagshipStorePrice"
              width="180"
              label="旗舰店价格"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="flagshipStoreFans"
              width="180"
              label="旗舰店粉丝量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="salesNum"
              width="180"
              label="销量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="evaluateContent"
              width="180"
              label="评价"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="lowestPrice"
              width="180"
              label="最低价"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="link"
              width="180"
              label="链接"
              show-overflow-tooltip
            >
            </el-table-column>
          </el-table>
        </div>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.goodList &&
            orderShowMsg.goodList.length > 0 &&
            orderShowMsg.fileType == 2
          "
        >
          <el-table
            :data="orderShowMsg.goodList"
            max-height="750"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            style="width: 100%"
          >
            <el-table-column prop="chainStoreName" fixed label="连锁店铺名称">
            </el-table-column>
            <el-table-column prop="category" fixed label="类别">
            </el-table-column>
            <el-table-column
              prop="storeNumber"
              label="店铺数量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column prop="links" label="美团/大众点评/小程序店铺链接">
              <template slot-scope="scope">
                <el-link
                  :href="scope.row.links"
                  type="primary"
                  target="_blank"
                  v-if="scope.row.links"
                  >跳转</el-link
                >
              </template>
            </el-table-column>
            <el-table-column
              prop="averageScore"
              label="美团/大众点评店铺平均评分"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="validityPeriod"
              label="有效期"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="useTime"
              label="使用时间"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="distributedCities"
              label="可使用分布城市"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="productName"
              label="产品名称"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="packageDetails"
              label="套餐详细内容"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column prop="price" label="单价"></el-table-column>
            <el-table-column prop="num" label="数量"></el-table-column>
            <el-table-column
              prop="totalGoodPrice"
              label="合计货值"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              prop="useRights"
              label="使用权益"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="couponForm"
              label="卡券形式（电子/实体）"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="usageRestrictions"
              label="使用限制"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="sellRequirements"
              label="客户对我司售卖要求"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="storeLinks"
              label="产品/套餐链接（美团、大众点评等）"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="storePics"
              label="产品/套餐图片"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="storeSaleNumbers"
              label="产品/套餐销量（美团、大众点评）"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="verificationProcess"
              label="核销流程"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column prop="finalPrice" label="实际成交价">
            </el-table-column>
            <el-table-column
              prop="finalTotalPrice"
              width="180"
              label="实际成交总价"
            >
            </el-table-column>
            <el-table-column
              prop="flagshipStorePrice"
              width="180"
              label="旗舰店价格"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="flagshipStoreFans"
              width="180"
              label="旗舰店粉丝量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="salesNum"
              width="180"
              label="销量"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="evaluateContent"
              width="180"
              label="评价"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="lowestPrice"
              width="180"
              label="最低价"
              show-overflow-tooltip
            >
            </el-table-column>
            <el-table-column
              prop="link"
              width="180"
              label="链接"
              show-overflow-tooltip
            >
            </el-table-column>
          </el-table>
        </div>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.goodList &&
            orderShowMsg.goodList.length > 0 &&
            orderShowMsg.fileType == 3
          "
        >
          <div class="form_table_goods">
            <el-table
              :data="orderShowMsg.goodList"
              max-height="750"
              :row-style="{ height: '0' }"
              :cell-style="{ padding: '3px' }"
              style="width: 100%"
            >
              <el-table-column prop="hotelName" fixed label="酒店名称">
              </el-table-column>
              <el-table-column prop="hotelAddress" fixed label="酒店地址">
              </el-table-column>
              <el-table-column prop="busyTime" label="旺季时间">
              </el-table-column>
              <el-table-column prop="hotelType" label="房型"> </el-table-column>
              <el-table-column prop="expirationDate" label="有效期">
              </el-table-column>
              <el-table-column
                prop="isHaveMorning"
                label="是否含早"
              ></el-table-column>
              <el-table-column prop="num" label="数量"></el-table-column>
              <el-table-column prop="price" label="平台价"> </el-table-column>
              <el-table-column prop="url" show-overflow-tooltip label="链接">
              </el-table-column>
              <el-table-column prop="hotelPic" label="房间图片">
                <template slot-scope="scope">
                  <el-image
                    v-if="scope.row.hotelPic"
                    style="width: 100px; height: 100px"
                    :src="scope.row.hotelPic"
                    :preview-src-list="[scope.row.hotelPic]"
                  >
                  </el-image>
                </template>
              </el-table-column>
              <el-table-column prop="realPrice" width="180" label="实际成交价">
              </el-table-column>
              <el-table-column
                prop="finalTotalPrice"
                width="180"
                label="实际成交总价"
              >
              </el-table-column>
              <el-table-column
                prop="flagshipStorePrice"
                width="180"
                label="旗舰店价格"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="flagshipStoreFans"
                width="180"
                label="旗舰店粉丝量"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="salesNum"
                width="180"
                label="销量"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="evaluateContent"
                width="180"
                label="评价"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="lowestPrice"
                width="180"
                label="最低价"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="link"
                width="180"
                label="链接"
                show-overflow-tooltip
              >
              </el-table-column>
            </el-table>
          </div>
        </div>
        <el-divider
          v-if="
            orderShowMsg.businessRemark &&
            orderShowMsg.businessRemark.length > 0
          "
        ></el-divider>
        <!-- 商务超时说明 -->
        <el-descriptions
          title="商务超时未签单说明"
          v-if="
            orderShowMsg.businessRemark &&
            orderShowMsg.businessRemark.length > 0
          "
        ></el-descriptions>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.businessRemark &&
            orderShowMsg.businessRemark.length > 0
          "
        >
          <el-table
            :data="orderShowMsg.businessRemark"
            max-height="300"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            border
            style="width: 100%; height: auto"
          >
            <el-table-column prop="businessName" label="商务姓名" width="100">
            </el-table-column>
            <el-table-column prop="content" label="说明内容" width="700">
            </el-table-column>

            <el-table-column prop="createTime" width="175" label="时间">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.createTime
                      ? formatterTime(scope.row.createTime)
                      : ""
                  }}
                </div>
              </template>
            </el-table-column>
          </el-table>
        </div>

        <el-divider
          v-if="
            orderShowMsg.businessRemarkReply &&
            orderShowMsg.businessRemarkReply.length > 0
          "
        ></el-divider>
        <!-- 开拓者回复超时反馈 -->
        <el-descriptions
          title="开拓者回复超时反馈"
          v-if="
            orderShowMsg.businessRemarkReply &&
            orderShowMsg.businessRemarkReply.length > 0
          "
        ></el-descriptions>
        <div
          class="good_sku_list"
          v-if="
            orderShowMsg.businessRemarkReply &&
            orderShowMsg.businessRemarkReply.length > 0
          "
        >
          <el-table
            :data="orderShowMsg.businessRemarkReply"
            max-height="300"
            :row-style="{ height: '0' }"
            :cell-style="{ padding: '3px' }"
            border
            style="width: 100%; height: auto"
          >
            <el-table-column prop="pioneerName" label="开拓者姓名" width="100">
            </el-table-column>
            <el-table-column prop="content" label="说明内容" width="700">
            </el-table-column>

            <el-table-column prop="createTime" width="175" label="时间">
              <template slot-scope="scope">
                <div>
                  {{
                    scope.row.createTime
                      ? formatterTime(scope.row.createTime)
                      : ""
                  }}
                </div>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <el-divider></el-divider>
        <!-- 项目信息 -->
        <div class="">
          <el-descriptions title="项目信息">
            <el-descriptions-item label="客户公司名称">{{
              orderShowMsg.projectMsg.projectName
            }}</el-descriptions-item>
            <el-descriptions-item label="项目">{{
              orderShowMsg.projectMsg.brands
            }}</el-descriptions-item>
            <el-descriptions-item label="客户负责人">{{
              orderShowMsg.projectMsg.brandsUsername
            }}</el-descriptions-item>
            <el-descriptions-item label="品类">{{
              orderShowMsg.projectMsg.cates
            }}</el-descriptions-item>
            <el-descriptions-item label="商务">{{
              orderShowMsg.projectMsg.bussinessUsername
            }}</el-descriptions-item>
            <el-descriptions-item label="区域">{{
              orderShowMsg.projectMsg.areas
            }}</el-descriptions-item>
            <el-descriptions-item label="执行负责人">{{
              orderShowMsg.projectMsg.permissionUsername
            }}</el-descriptions-item>
            <el-descriptions-item label="总数量">{{
              orderShowMsg.projectMsg.totalProjectNum
            }}</el-descriptions-item>
            <el-descriptions-item label="客户总货值">{{
              orderShowMsg.projectMsg.totalProjectPrice
            }}</el-descriptions-item>
            <el-descriptions-item label="实际总货值">{{
              orderShowMsg.projectFinalTotalPrice
            }}</el-descriptions-item>
            <el-descriptions-item label="创建时间">{{
              orderShowMsg.projectMsg.createDate
            }}</el-descriptions-item>
          </el-descriptions>
        </div>
      </div>
    </el-dialog>

    <!-- 修改商品信息弹窗 -->
    <el-dialog
      title="商品信息"
      :visible.sync="showUpdateGoodsDialogVisible"
      width="90%"
      :close-on-click-modal="false"
    >
      <div style="display: flex; width: 100%">
        <div style="width: 100%">
          <div
            class="good_sku_list"
            v-if="
              (showGoodList &&
                showGoodList.length > 0 &&
                orderShowMsg.fileType == 1) ||
              orderShowMsg.fileType == 4
            "
          >
            <el-table
              :data="showGoodList"
              height="550"
              :row-style="{ height: '0' }"
              :cell-style="{ padding: '3px' }"
              style="width: 100%"
            >
              <el-table-column
                prop="finalPrice"
                label="旗舰店实际成交价"
                fixed
                width="180"
              >
                <template slot-scope="scope">
                  <el-input-number
                    v-model="scope.row.finalPrice"
                    :precision="2"
                    :step="0.01"
                    size="small"
                  ></el-input-number>
                </template>
              </el-table-column>
              <el-table-column prop="" label="数据" fixed width="100">
                <template slot-scope="scope">
                  <el-popover placement="top" width="400" trigger="click">
                    <el-form
                      label-position="right"
                      label-width="100px"
                      size="small"
                    >
                      <el-form-item label="旗舰店价格">
                        <el-input
                          v-model="scope.row.flagshipStorePrice"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="旗舰店粉丝量">
                        <el-input
                          v-model="scope.row.flagshipStoreFans"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="销量">
                        <el-input
                          v-model="scope.row.salesNum"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="评价">
                        <el-input
                          v-model="scope.row.evaluateContent"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="最低价">
                        <el-input
                          v-model="scope.row.lowestPrice"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="链接">
                        <el-input
                          v-model="scope.row.link"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                    </el-form>
                    <el-button slot="reference" type="text">修改</el-button>
                  </el-popover>
                </template>
              </el-table-column>
              <el-table-column
                prop="goodName"
                label="商品名称"
                fixed
                width="180"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodExpirationDate"
                width="180"
                label="有效期至"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodSku"
                label="规格"
                width="180"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodSkuPrice"
                width="180"
                label="旗舰店售卖价"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodOnlineLink"
                width="180"
                label="天猫/京东链接"
              >
                <template slot-scope="scope">
                  <el-popover
                    placement="left-start"
                    title=""
                    width="200"
                    trigger="hover"
                    :content="scope.row.goodOnlineLink"
                  >
                    <el-button
                      slot="reference"
                      type="text"
                      v-if="scope.row.goodOnlineLink"
                      >{{ scope.row.goodOnlineLink }}</el-button
                    >
                  </el-popover>
                  <!-- <el-link :href="scope.row.goodOnlineLink" type="primary" target="_blank"
                      v-if="scope.row.goodOnlineLink">跳转</el-link> -->
                </template>
              </el-table-column>
              <el-table-column
                prop="goodSkuPic"
                width="150"
                label="图片"
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  <el-image
                    v-if="scope.row.goodSkuPic"
                    style="width: 100px; height: 100px"
                    :src="scope.row.goodSkuPic"
                    :preview-src-list="[scope.row.goodSkuPic]"
                  >
                  </el-image>
                </template>
              </el-table-column>

              <el-table-column
                prop="goodWarrantyDate"
                width="180"
                label="保质期"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodSkuNum"
                width="150"
                label="数量"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodCategory"
                width="180"
                label="商品所属类别（例:妆字号、械字号、消字号、药字号等）"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodBoxNum"
                width="180"
                label="箱规（数量）"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodBoxSize"
                width="180"
                label="箱规（尺寸mm）"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodOneSize"
                width="180"
                label="单个产品包装尺寸mm"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="shopFans"
                width="180"
                label="店铺粉丝量"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="goodSaleNum"
                width="180"
                label="产品销量"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column prop="finalPrice" width="180" label="实际成交价">
              </el-table-column>
              <el-table-column
                prop="finalTotalPrice"
                width="180"
                label="实际成交总价"
              >
              </el-table-column>
            </el-table>
          </div>
          <div
            class="good_sku_list"
            v-if="
              showGoodList &&
              showGoodList.length > 0 &&
              orderShowMsg.fileType == 2
            "
          >
            <el-table
              :data="showGoodList"
              max-height="750"
              :row-style="{ height: '0' }"
              :cell-style="{ padding: '3px' }"
              style="width: 100%"
            >
              <el-table-column prop="chainStoreName" fixed label="连锁店铺名称">
              </el-table-column>
              <el-table-column
                prop="finalPrice"
                label="旗舰店实际成交价"
                fixed
                width="180"
              >
                <template slot-scope="scope">
                  <el-input-number
                    v-model="scope.row.finalPrice"
                    :precision="2"
                    :step="0.01"
                    size="small"
                  ></el-input-number>
                </template>
              </el-table-column>
              <el-table-column prop="" label="数据" fixed width="100">
                <template slot-scope="scope">
                  <el-popover placement="top" width="400" trigger="click">
                    <el-form
                      label-position="right"
                      label-width="100px"
                      size="small"
                    >
                      <el-form-item label="旗舰店价格">
                        <el-input
                          v-model="scope.row.flagshipStorePrice"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="旗舰店粉丝量">
                        <el-input
                          v-model="scope.row.flagshipStoreFans"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="销量">
                        <el-input
                          v-model="scope.row.salesNum"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="评价">
                        <el-input
                          v-model="scope.row.evaluateContent"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="最低价">
                        <el-input
                          v-model="scope.row.lowestPrice"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                      <el-form-item label="链接">
                        <el-input
                          v-model="scope.row.link"
                          placeholder="请输入"
                          size="small"
                        ></el-input>
                      </el-form-item>
                    </el-form>
                    <el-button slot="reference" type="text">修改</el-button>
                  </el-popover>
                </template>
              </el-table-column>
              <el-table-column prop="category" fixed label="类别">
              </el-table-column>
              <el-table-column
                prop="storeNumber"
                label="店铺数量"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="links"
                label="美团/大众点评/小程序店铺链接"
              >
                <template slot-scope="scope">
                  <el-popover
                    placement="left-start"
                    title=""
                    width="200"
                    trigger="hover"
                    :content="scope.row.links"
                  >
                    <el-button
                      slot="reference"
                      type="text"
                      v-if="scope.row.links"
                      >{{ scope.row.links }}</el-button
                    >
                  </el-popover>
                  <!-- <div v-if="scope.row.links">
                      <el-button type="text" @click="goNewPage(scope.row.links)">跳转</el-button>
                    </div> -->
                </template>
              </el-table-column>
              <el-table-column
                prop="averageScore"
                label="美团/大众点评店铺平均评分"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="validityPeriod"
                label="有效期"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="useTime"
                label="使用时间"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="distributedCities"
                label="可使用分布城市"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="productName"
                label="产品名称"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="packageDetails"
                label="套餐详细内容"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column prop="price" label="单价"></el-table-column>
              <el-table-column prop="num" label="数量"></el-table-column>
              <el-table-column
                prop="totalGoodPrice"
                label="合计货值"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                prop="useRights"
                label="使用权益"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="couponForm"
                label="卡券形式（电子/实体）"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="usageRestrictions"
                label="使用限制"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="sellRequirements"
                label="客户对我司售卖要求"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="storeLinks"
                label="产品/套餐链接（美团、大众点评等）"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="storePics"
                label="产品/套餐图片"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="storeSaleNumbers"
                label="产品/套餐销量（美团、大众点评）"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column
                prop="verificationProcess"
                label="核销流程"
                show-overflow-tooltip
              >
              </el-table-column>
              <el-table-column prop="finalPrice" label="实际成交价">
              </el-table-column>
              <el-table-column
                prop="finalTotalPrice"
                width="180"
                label="实际成交总价"
              >
              </el-table-column>
            </el-table>
          </div>
          <div
            class="good_sku_list"
            v-if="
              showGoodList &&
              showGoodList.length > 0 &&
              orderShowMsg.fileType == 3
            "
          >
            <div class="form_table_goods">
              <el-table
                :data="showGoodList"
                max-height="750"
                :row-style="{ height: '0' }"
                :cell-style="{ padding: '3px' }"
                style="width: 100%"
              >
                <el-table-column prop="hotelName" fixed label="酒店名称">
                </el-table-column>
                <el-table-column
                  prop="finalPrice"
                  label="旗舰店实际成交价"
                  fixed
                  width="180"
                >
                  <template slot-scope="scope">
                    <el-input-number
                      v-model="scope.row.finalPrice"
                      :precision="2"
                      :step="0.01"
                      size="small"
                    ></el-input-number>
                  </template>
                </el-table-column>
                <el-table-column prop="" label="数据" fixed width="100">
                  <template slot-scope="scope">
                    <el-popover placement="top" width="400" trigger="click">
                      <el-form
                        label-position="right"
                        label-width="100px"
                        size="small"
                      >
                        <el-form-item label="旗舰店价格">
                          <el-input
                            v-model="scope.row.flagshipStorePrice"
                            placeholder="请输入"
                            size="small"
                          ></el-input>
                        </el-form-item>
                        <el-form-item label="旗舰店粉丝量">
                          <el-input
                            v-model="scope.row.flagshipStoreFans"
                            placeholder="请输入"
                            size="small"
                          ></el-input>
                        </el-form-item>
                        <el-form-item label="销量">
                          <el-input
                            v-model="scope.row.salesNum"
                            placeholder="请输入"
                            size="small"
                          ></el-input>
                        </el-form-item>
                        <el-form-item label="评价">
                          <el-input
                            v-model="scope.row.evaluateContent"
                            placeholder="请输入"
                            size="small"
                          ></el-input>
                        </el-form-item>
                        <el-form-item label="最低价">
                          <el-input
                            v-model="scope.row.lowestPrice"
                            placeholder="请输入"
                            size="small"
                          ></el-input>
                        </el-form-item>
                        <el-form-item label="链接">
                          <el-input
                            v-model="scope.row.link"
                            placeholder="请输入"
                            size="small"
                          ></el-input>
                        </el-form-item>
                      </el-form>
                      <el-button slot="reference" type="text">修改</el-button>
                    </el-popover>
                  </template>
                </el-table-column>
                <el-table-column prop="hotelAddress" fixed label="酒店地址">
                </el-table-column>
                <el-table-column prop="busyTime" label="旺季时间">
                </el-table-column>
                <el-table-column prop="hotelType" label="房型">
                </el-table-column>
                <el-table-column prop="expirationDate" label="有效期">
                </el-table-column>
                <el-table-column
                  prop="isHaveMorning"
                  label="是否含早"
                ></el-table-column>
                <el-table-column prop="num" label="数量"></el-table-column>
                <el-table-column prop="price" label="平台价"> </el-table-column>
                <el-table-column prop="url" show-overflow-tooltip label="链接">
                </el-table-column>
                <el-table-column prop="hotelPic" label="房间图片">
                  <template slot-scope="scope">
                    <el-image
                      v-if="scope.row.hotelPic"
                      style="width: 100px; height: 100px"
                      :src="scope.row.hotelPic"
                      :preview-src-list="[scope.row.hotelPic]"
                    >
                    </el-image>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="realPrice"
                  width="180"
                  label="实际成交价"
                >
                </el-table-column>
                <el-table-column
                  prop="finalTotalPrice"
                  width="180"
                  label="实际成交总价"
                >
                </el-table-column>
              </el-table>
            </div>
          </div>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="showUpdateGoodsDialogVisible = false"
          >取 消</el-button
        >
        <el-button type="primary" @click="showUpdateGoodsDialogVisibleConfirm"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!-- 推送资源需求 -->
    <el-dialog title="资源需求" :visible.sync="resourcesRemarkDialogVisible">
      <div style="display: flex; width: 100%">
        <div style="align-items: center; display: flex">资源要求：</div>
        <div style="width: 50%">
          <el-input
            type="textarea"
            v-model="resourcesRemark"
            :rows="2"
            placeholder="请输入"
          ></el-input>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="resourcesRemarkDialogVisible = false"
          >取 消</el-button
        >
        <el-button type="primary" @click="submitResourcesRemark"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!-- 订单评级 -->
    <el-dialog title="订单评级" :visible.sync="setRateDialogVisible">
      <div style="display: flex; width: 100%">
        <div style="align-items: center; display: flex">评级：</div>
        <div style="width: 50%">
          <el-select v-model="chooseRateId" placeholder="请选择评级">
            <el-option
              v-for="item in setRateList"
              :key="item.id"
              :label="item.sysValueName"
              :value="item.id"
            >
            </el-option>
          </el-select>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="setRateDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="setRateDialogVisibleConfirm"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
import APIProject from "@/api/apiProject";
import APISysLabel from "@/api/apiSysLabel";
import APIOrder from "@/api/apiOrder";
import APIUser from "@/api/apiUser";
import API from "@/api/apidetail";
import APIProjectFile from "@/api/apiProjectFile";
import axios from "axios";

export default {
  name: "VerificationProject",
  props: ["currentStageid"," operationList"],
  data() {
    return {
      // 表格相关
      tableLoading: true,
      dataList: [],
      addTimeOutRemarkDialog: false,
      pageSize: 10,
      pageNum: 1,
      total: 0,
      pageSizes: [10, 15, 20],
      projectId: null,
      orderMsgDialogVisible: false,
      orderShowMsg: {
        projectMsg: {},
      },
      uploadLoading: false,
      url: "",
      form: {
        fileType: 1,
        fileMsg: 1,
      },
      goodList: [],
      updateFileList: [],
      showUpdateGoodsDialogVisible: false,
      resourcesRemarkDialogVisible: false,
      setRateDialogVisible: false,
      resourcesRemark: null,
      chooseRateId: null,
      showGoodList: [],
      setRateList: [],
      rateRecordList: [],

      // 操作权限相关
      operationList: [],
      userInfo: {
        role: [],
      },

      // 更多操作选项
      moreOptionsList: [],
    };
  },
  methods: {
    // 全局初始化
    init() {
      // 搜索条件重置
      this.searchForm = {
        keyword: null,
        cateIds: null,
        areaId: null,
        businessId: null,
        startPrice: null,
        endPrice: null,
        statusType: null,
        fileType: null,
        isTimeOut: null,
        orderGo: null,
        pushCheckTimeIndex: null,
        pushSureCheckStartTime: null,
        pushSureCheckEndTime: null,
        showSubOrderType: null,
      };
      this.rePosts();
    },
    // 分页pageSize改变
    handleSizeChange(e) {
      this.pageSize = e;
      this.rePosts();
    },
    // 分页pageNum改变
    handleCurrentChange(e) {
      this.pageNum = e;
      this.getPost();
    },
    // 重新请求
    rePosts() {
      this.pageNum = 1;
      this.dataList = [];
      this.getPost();
    },
    // 表格列表
    getPost() {
      this.tableLoading = true;
      const params = {
        token: this.$store.state.token,
        pageNum: this.pageNum,
        pageSize: this.pageSize,
        projectId: this.projectId,
        stageId: this.currentStageid,
      };
      if (this.searchForm.showSubOrderType) {
        params.showSubOrderType = this.searchForm.showSubOrderType ? 1 : null;
      }
      if (this.searchForm.keyword) {
        params.keyword = this.searchForm.keyword;
      }
      if (this.totalProjectId) {
        params.projectId = this.totalProjectId;
      }
      if (this.searchForm.cateIds) {
        params.cateIds = this.searchForm.cateIds;
      }
      if (this.searchForm.areaId) {
        params.areaId = this.searchForm.areaId;
      }
      if (this.searchForm.businessId) {
        params.businessId = this.searchForm.businessId;
      }
      if (this.searchForm.startPrice) {
        params.startPrice = this.searchForm.startPrice;
      }
      if (this.searchForm.endPrice) {
        params.endPrice = this.searchForm.endPrice;
      }
      if (this.searchForm.statusType) {
        params.statusType = this.searchForm.statusType;
      }
      if (this.statuses) {
        params.statuses = this.statuses;
      }
      if (this.searchForm.fileType) {
        params.fileType = this.searchForm.fileType;
      }
      if (this.searchForm.isTimeOut) {
        params.isTimeOut = this.searchForm.isTimeOut;
      }
      if (this.searchForm.orderGo) {
        params.orderGo = this.searchForm.orderGo;
      }
      if (
        this.searchForm.pushCheckTimeIndex ||
        this.searchForm.pushCheckTimeIndex == 0
      ) {
        let pushCheckTimeMsg =
          this.pushCheckTimeList[this.searchForm.pushCheckTimeIndex];
        if (pushCheckTimeMsg) {
          params.pushSureCheckStartTime = pushCheckTimeMsg.startTime;
          if (pushCheckTimeMsg.endTime) {
            params.pushSureCheckEndTime = pushCheckTimeMsg.endTime;
          }
        }
      }
      if (this.searchForm.pushSureCheckStartTime) {
        params.pushSureCheckStartTime =
          this.searchForm.pushSureCheckStartTime * 60 * 60;
      }
      if (this.searchForm.pushSureCheckEndTime) {
        params.pushSureCheckEndTime =
          this.searchForm.pushSureCheckEndTime * 60 * 60;
      }
      APIOrder.orderList(params).then((res) => {
        if (res.key === 1000) {
          res = res.result;
          this.total = res.count;
          this.dataList = this.handleOrderList(res.list);
          this.tableLoading = false;
        }
      });
    },
    handleOrderList(list) {
      if (list && list.length > 0) {
        list.forEach((item) => {
          item.showProjectMore = false;
          if (item.childOrderList && item.childOrderList.length > 0) {
            item.childOrderList.forEach((child) => {
              child.showProjectMore = false;
            });
          }
        });
      }
      return list;
    },
    showUpdateGoodsDialogVisibleConfirm() {
      let list = this.showGoodList;
      let submitList = [];
      list.forEach((item) => {
        let obj = {
          goodId: item.id,
          skuId: item.goodSkuId ? item.goodSkuId : null,
          num: item.goodSkuNum ? item.goodSkuNum : item.num ? item.num : 0,
          finalPrice: item.finalPrice,
          flagshipStorePrice: item.flagshipStorePrice,
          flagshipStoreFans: item.flagshipStoreFans,
          salesNum: item.salesNum,
          evaluateContent: item.evaluateContent,
          lowestPrice: item.lowestPrice,
          link: item.link,
        };
        submitList.push(obj);
      });
      const params = {
        orderId: this.orderShowMsg.id,
        skuData: JSON.stringify(submitList),
      };
      APIOrder.submitFlagshipStoreData(params).then((res) => {
        if (res.key === 1000) {
          this.$message({
            message: "提交成功",
            type: "success",
          });
          this.getViewMsg({ id: this.orderShowMsg.id });
          this.showUpdateGoodsDialogVisible = false;
        }
      });
    },
    submitResourcesRemark() {
      const params = {
        orderId: this.chooseOrderId,
      };
      if (this.resourcesRemark) {
        params.resourcesRemark = this.resourcesRemark;
      }
      APIOrder.pushOrderResourcesRemark(params).then((res) => {
        if (res.key === 1000) {
          this.$message({
            message: "提交成功",
            type: "success",
          });
          this.resourcesRemarkDialogVisible = false;
          this.resourcesRemark = null;
          this.getPost();
        }
      });
    },
    checkedFile(obj) {
      let that = this;
      let url = `/checkorder/manager/pc/user/importOrder?token=${this.$store.state.token}`;
      this.projectFile = obj.file;
      const formData = new FormData();
      formData.append("file", obj.file); //file 和 后端字段要保持一致
      formData.append("token", this.$store.state.token);
    //   formData.append("fileType", this.form.fileType);
    formData.append("projectId", this.projectId);
      const config = {
        headers: {
          "Access-Control-Allow-Origin": "*",
          token: this.$store.state.token,
        },
        timeout: 1000 * 60 * 10, //这里2分钟内的配置是生效的，超过了就不行。。
      };
      const loading = this.$loading({
        lock: true,
        text: "导入中，若数据量过大，则时间较长，在此期间请勿操作，请等待......",
        spinner: "el-icon-loading",
        background: "rgba(0, 0, 0, 0.7)",
      });
      return axios
        .post(url, formData, config)
        .then((rs) => {
          if (rs.status === 200) {
            let data = rs.data;
            if (data.key === 1000) {
              that.$message.success({
                showClose: true,
                message: "上传成功",
                duration: 1500,
              });
              this.$emit('get-stage')
              // that.goodList = [];
              // let goodList = data.result.list;

              // if (this.form.fileType == 1) {
              //   goodList.forEach((item) => {
              //     item.totalPrice = (item.goodNum * item.goodPrice).toFixed(2);
              //   });
              // } else if (this.form.fileType == 2) {
              //   goodList.forEach((item) => {
              //     item.totalPrice = (item.num * item.price).toFixed(2);
              //   });
              // } else if (this.form.fileType == 3) {
              //   goodList.forEach((item) => {
              //     item.totalPrice = (item.num * item.price).toFixed(2);
              //   });
              // }
              // that.goodList = goodList;
            } else {
              that.$message({
                type: "warning",
                message: rs.data.message,
              });
            }
          } else {
            that.$message({
              type: "warning",
              message: rs,
            });
          }
          loading.close();
        })
        .catch((rs) => {
          loading.close();
          this.$message({
            type: "error",
            message: rs,
          });
        });
    },
    handlePreview(){
    // const previewUrl2 = 'https://checkorder-view.mejour.cn/project/5852/package/202510281310125376585778.xlsx';
    //  const previewUrl = `https://docs.google.com/viewer?url=${encodeURIComponent(previewUrl2)}&embedded=true`;
    // window.open(previewUrl, '_blank');
    },

//     uploaddown(){
// let params={
//     projectId:this.projectId,
//     token: this.$store.state.token,
// }
// API.exportOrder(params).then(res=>{
//     console.log(res)
//     if(res.key == 1000){

//     }
// })

//     },
async uploaddown() {
    try {
      //this.downloadLoading = true; 
      const response = await axios({
        url: `/checkorder/manager/pc/user/exportOrder?token=${this.$store.state.token}`, 
        method: 'post',
        responseType: 'blob', 
        headers: {
          'Authorization': `Bearer ${this.$store.state.token}`
        },
        params: {
          projectId:this.projectId
        }
      });
      this.handleBlobResponse(response);
    } catch (error) {
      this.$message.error('下载失败，请重试');
      console.error('下载错误:', error);
    } finally {
      //this.downloadLoading = false; 
    }
  },

  // 处理文件流并触发下载
  handleBlobResponse(response) {
    // 1. 从响应头获取 Content-Disposition
    const disposition = response.headers['content-disposition'];
    if (!disposition) {
      console.error('响应头未返回 Content-Disposition，无法获取文件名');
      this.$message.error('导出失败：未获取到文件名');
      return;
    }

    // 2. 解析文件名（兼容普通格式和 UTF-8 编码格式）
    const fileName = this.parseFileName(disposition);

    const contentDisposition = response.headers['content-disposition'] || '';
    // let fileName = '订单数据.xlsx'; // 默认文件名

    if (contentDisposition) {
      const match = contentDisposition.match(/filename=(["']?)(.*?)\1/);
      if (match && match[2]) {
        fileName = decodeURIComponent(match[2]);
      }
    }

    // 根据你的文件类型设置MIME（示例为Excel，可根据实际修改）
    const mimeType = response.data.type || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
    const blob = new Blob([response.data], { type: mimeType });

    // 创建临时下载链接
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = fileName; // 设置文件名
    document.body.appendChild(a);
    a.click(); // 触发下载

    // 清理临时资源
    setTimeout(() => {
      document.body.removeChild(a);
      window.URL.revokeObjectURL(url); // 释放URL对象，避免内存泄漏
    }, 100);

    this.$message.success('下载成功');
  },

    // 解析 Content-Disposition 提取文件名的工具函数
  parseFileName(disposition) {
    if (!disposition) return '导出文件.xlsx';

    // 步骤1：提取 filename= 后面的内容（兼容带引号/不带引号）
    // 正则匹配：filename=xxx 或 filename="xxx"（xxx 不含分号）
    const reg = /filename=([^;]+)/i;
    const match = disposition.match(reg);
    if (!match || !match[1]) return '导出文件.xlsx';

    // 步骤2：清理值（去掉前后引号、空格）
    let fileName = match[1].trim();
    // 去掉可能的双引号（如 filename="xxx.xlsx" → xxx.xlsx）
    if (fileName.startsWith('"') && fileName.endsWith('"')) {
      fileName = fileName.slice(1, -1);
    }

    // 步骤3：解码 UTF-8 百分号编码（关键步骤）
    try {
      // %E6%A0%B8 → 核，%E4%BB%B7 → 价，以此类推
      fileName = decodeURIComponent(fileName);
    } catch (e) {
      // 解码失败时用原始值（避免报错）
      console.warn('文件名解码失败，使用原始值：', fileName);
    }

    return fileName;
  },

    uploadFileLoading(e) {
      this.uploadLoading = true;
    },
    // 时间格式化
    formatterTime(time) {
      if (!time) return "";
      const date = new Date(time);
      return `${date.getFullYear()}-${this.padZero(date.getMonth() + 1)}-${this.padZero(date.getDate())} ${this.padZero(date.getHours())}:${this.padZero(date.getMinutes())}:${this.padZero(date.getSeconds())}`;
    },
    showUpdateGoodsDialog() {
      this.showUpdateGoodsDialogVisible = true;
      this.showGoodList = this.orderShowMsg.goodList;
    },

    // 倒计时格式化
    formatterTime2(time) {
      // 根据实际需求实现倒计时格式化逻辑
      if (!time) return "";
      return time;
    },

    // 订单去向格式化
    formatterOrderType(type) {
      // 根据实际业务逻辑实现格式化
      return type || "--";
    },

    // 补零工具函数
    padZero(num) {
      return num < 10 ? `0${num}` : num;
    },

    // 显示记录列表
    showRecordList(id) {
      const params = {
        token: this.$store.state.token,
        orderId: id,
      };
      APIOrder.getSetOrderRateRecordList(params).then((res) => {
        if (res.key === 1000) {
          this.rateRecordList = res.result.list;
        }
      });
    },
    goViewMsg(row) {
      this.getViewMsg(row);
      this.orderMsgDialogVisible = true;
    },

    // 处理操作命令
    handleCommand(e, row) {
      if (e == "a") {
        this.getViewMsg(row);
        this.orderMsgDialogVisible = true;
      } else if (e == "b") {
        this.resourcesRemark = "";
        if (row.resourcesRemark) {
          this.resourcesRemark = row.resourcesRemark;
        }
        this.getPushUserList(row);
      } else if (e == "c") {
        this.getRePushUserList(row);
        this.$confirm("此操作将重新推送该订单, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            let list = [];
            this.pushUserList.forEach((item) => {
              list.push(item.id);
            });
            const params = {
              orderId: row.id,
              pushUserIds: list.join(","),
            };
            APIOrder.rePushOrderMsg(params).then((res) => {
              if (res.key === 1000) {
                this.rePushUserDialogVisible = false;
                this.getPost();
                this.$message({
                  type: "success",
                  message: "重新推送成功!",
                });
              }
            });
          })
          .catch((e) => {
            console.log(e);
            this.$message({
              type: "info",
              message: "已取消重新推送",
            });
          });
      } else if (e == "d") {
        this.$confirm("此操作将确认签单该订单, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            this.handleClickSure(row);
            this.$message({
              type: "success",
              message: "确认签单成功!",
            });
          })
          .catch((e) => {
            console.log(e);
            this.$message({
              type: "info",
              message: "已取消确认签单",
            });
          });
      } else if (e == "e") {
        if (row.isHasChild === 2) {
          this.$message({
            type: "warning",
            message: "不可作废，请先作废子订单",
          });
          return;
        }
        this.$confirm("此操作将永久作废该订单, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            this.handleClickCancel(row);
            this.$message({
              type: "success",
              message: "作废成功!",
            });
          })
          .catch((e) => {
            console.log(e);
            this.$message({
              type: "info",
              message: "已取消作废",
            });
          });
      } else if (e == "f") {
        if (row.isHasChild === 2) {
          this.$message({
            type: "warning",
            message: "不可删除，请先删除子订单",
          });
          return;
        }
        this.$confirm("此操作将永久删除该订单, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            this.handleClickDel(row);
            this.$message({
              type: "success",
              message: "删除成功!",
            });
          })
          .catch((e) => {
            console.log(e);
            this.$message({
              type: "info",
              message: "已取消删除",
            });
          });
      } else if (e == "delChild") {
        this.$confirm("此操作将永久删除该订单, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            this.deleteChildOrder(row);
          })
          .catch((e) => {
            this.$message({
              type: "info",
              message: "已取消删除",
            });
          });
      } else if (e == "adjust") {
        if (row.isBlindBox && row.isBlindBox == 2) {
          this.adjustOrderType = 1;
          this.getNormalUserList();
        } else {
          this.adjustOrderType = 2;
        }
        this.chooseOrderId = row.id;
        this.viewAdjust(row);
      } else if (e == "editCost") {
        // this.chooseOrderId = row.id
        // this.editCostDialogVisible = true
        // this.estimatedCost = row.estimatedCost
        // this.actualCost = row.actualCost
        localStorage.setItem("editCostOrder", JSON.stringify(row));
        this.$router.push({
          path: "/EditCostOrder",
        });
      } else if (e == "splitOrder") {
        this.chooseOrderId = row.id;
        this.active = 1;
        this.getViewMsg(row);
        this.splitOrderDialog = true;
      } else if (e == "changeResourcesRemark") {
        this.chooseOrderId = row.id;
        this.resourcesRemarkDialogVisible = true;
        this.resourcesRemark = row.resourcesRemark;
      } else if (e == "addTimeOutRemark") {
        this.chooseOrderId = row.id;
        this.addTimeOutRemarkDialog = true;
      } else if (e == "splitOrderNew") {
        this.chooseOrderId = row.id;
        this.active = 1;
        this.splitOrderNewDialog = true;
      } else if (e == "editCostSubOrder") {
        this.chooseOrderId = row.id;
        this.editCostSubOrderDialogVisible = true;
      } else if (e == "setRate") {
        // 评级
        this.chooseOrderId = row.id;
        this.chooseRateId = null;
        this.getSysLabelListBySetRate();
        this.setRateDialogVisible = true;
      } else if (e == "skipBidding") {
        // 跳过竞价
        this.chooseOrderId = row.id;
        this.getOtherHasBiddingOrderList();
        this.skipBiddingDialogVisible = true;
      }
    },
    getViewMsg(row) {
      this.chooseOrderId = row.id;
      const params = {
        orderId: row.id,
      };
      APIOrder.getOrderMsg(params).then((res) => {
        if (res.key === 1000) {
          let data = res.result.data;
          if (data.projectMsg.createTime) {
            data.projectMsg.createDate = this.formatterTime(
              data.projectMsg.createTime
            );
          }
          if (data.biddingOneEndTime) {
            data.biddingOneEndDate = this.formatterTime(data.biddingOneEndTime);
          }
          if (data.createTime) {
            data.createDate = this.formatterTime(data.createTime);
          }
          if (data.checkCostPrice) {
            // 建议成本
            // 成本比例：开拓者建议的成本/客户货值
            data.checkCostPriceRate = (
              (data.checkCostPrice / data.totalPrice) *
              100
            ).toFixed(2);
          }
          if (data.checkCashPrice) {
            // 变现价格
            // 变现折扣：开拓者确认的价格/客户货值
            data.checkCashPriceRate = (
              (data.checkCashPrice / data.totalPrice) *
              100
            ).toFixed(2);
          }
          if (data.checkTime) {
            data.checkTime = this.formatterTime(data.checkTime);
          }
          // 计算实际成交总价
          data.goodList.forEach((item) => {
            let num = item.num;
            if (item.goodSkuNum) {
              num = item.goodSkuNum;
            }
            let finalPrice = item.finalPrice;
            if (item.realPrice) {
              finalPrice = item.realPrice;
            }
            let itemFinalTotalPrice = parseFloat((finalPrice * num).toFixed(2));
            item.finalTotalPrice = itemFinalTotalPrice;
          });

          this.orderShowMsg = data;
          this.orderShowMsg.childOrderList = this.handleOrderList(
            this.orderShowMsg.childOrderList
          );
        }
      });
    },
    getSysLabelListBySetRate() {
      const params = {
        token: this.$store.state.token,
        sysLabelIds: "44",
      };
      APISysLabel.getSysLabelValueManageList(params).then((res) => {
        if (res.key === 1000) {
          res = res.result;
          if (res.data) {
            this.setRateList = res.data[44];
          }
        }
      });
    },
    setRateDialogVisibleConfirm() {
      const params = {
        token: this.$store.state.token,
        orderId: this.chooseOrderId,
        rateId: this.chooseRateId,
      };
      APIOrder.doSetOrderRate(params).then((res) => {
        if (res.key === 1000) {
          this.setRateDialogVisible = false;
          this.getPost();
        }
      });
    },

    tableRowClassName({ row }) {
      if (row.status == 9) {
        return "warning-row";
      }
    },

    // 显示操作选项
    showOptions(val) {
      if (val) {
        this.getMoreOptionsList();
      }
    },
    // 获取更多操作
    getMoreOptionsList() {
      const params = {
        token: this.$store.state.token,
        sysLabelIds: 42,
      };
      APISysLabel.getSysLabelValueManageList(params).then((res) => {
        if (res.key === 1000) {
          this.moreOptionsList = res.result.data[42];
        }
      });
    },

    // 更多操作选项变化
    moreOptionsChange(val, row) {
      if (val === 155) {
        this.handleCommand("b", row);
      } else {
        this.moreTitle = this.moreOptionsList.find(
          (item) => item.id === val
        ).sysValueName;
        this.moreOptionsDialog = true;
        this.moreOptionsForm = {
          orderId: row.id,
          totalPrice: row.totalPrice,
          useType: val,
        };
      }
    },
    getOperationList() {
      this.$store.state.permissionList.forEach((item) => {
        const [itemName] = item.permission.split(":");
        if (itemName === "order") {
          this.operationList = item.list.map((listItem) => {
            return listItem.permission.split(":")[1];
          });
        }
        if (itemName === "permission") {
          item.list.some((listItem) => {
            const listItemType = listItem.permission.split(":")[1];
            if (listItemType === "edit") {
              this.operationList.push("permission:edit");
              return true;
            }
            return false;
          });
        }
      });
    },
  },
  created() {
    let projectId = this.$ls.get("projectId");
    if (projectId) {
      this.projectId = projectId;
      this.init();
    }
    this.getOperationList();
    //this.getMoreOptionsList();
  },
};
</script>

<style lang="sass">
.verification-project-container
  padding: 20px
  background-color: #f5f7fa

::v-deep .el-table
  margin-bottom: 20px
  border-radius: 4px
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05)

.global-page
  margin-top: 15px
  text-align: right

::v-deep .el-table .cell
  white-space: normal
  word-break: break-all
  line-height: 1.5

::v-deep .el-table__row
  height: auto !important
</style>

<style>
.el-table .warning-row {
  background: #f5f5f5;
}

.btn{
  display: flex;
  align-items: center;
}

.upload-btn{
  padding: 12px 20px !important;
}
</style>
